<template>
    <div class="content">
        <el-container style="height: 720px; border: 1px solid #eee">
            <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
                <el-menu :default-openeds="['1', '3']" router>
                    <el-submenu index="1">
                        <template slot="title"><i class="el-icon-message"></i>权限控制</template>
                        <el-menu-item-group>
                            <el-menu-item index="/content/stu_course">下载Excel模板</el-menu-item>
                            <el-menu-item index="/content/stu_grade" >上传学生成绩</el-menu-item>
                            <el-menu-item index="/content/exam">试卷信息</el-menu-item>
                            <el-menu-item index="1-4-1">知识点信息</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="2">
                        <template slot="title"><i class="el-icon-menu"></i>数据可视化</template>
                        <el-menu-item-group>
                        <template slot="title">根据性别进行分析</template>
                            <el-menu-item index="/content/sexAnalysis_zhexian">折线图</el-menu-item>
                            <el-menu-item index="/content/sexAnalysis_zhuz">柱状图</el-menu-item>
                            <el-menu-item index="/content/sexAnalysis_shanx">饼图</el-menu-item>
                        </el-menu-item-group>
                            <el-menu-item-group title="根据班级进行分析">
                            <el-menu-item index="/content/accuracy_zhexian">折线图</el-menu-item>
                            <el-menu-item index="/content/accuracy_zhuzhuang">柱状图</el-menu-item>
                            <el-menu-item index="/content/accuracy_shanxing">饼图</el-menu-item>
                        </el-menu-item-group>
                        <el-menu-item-group title="根据分数段进行分析">
                            <el-menu-item index="/content/graFraction_zhexian">折线图</el-menu-item>
                            <el-menu-item index="/content/graFraction_zhuz">柱状图</el-menu-item>
                            <el-menu-item index="/content/graFraction_shanx">饼图</el-menu-item>
                        </el-menu-item-group>
                         <!-- <el-menu-item-group title="小题得分率">
                            <el-menu-item index="/content/question_zhexian">折线图</el-menu-item>
                            <el-menu-item index="">柱状图</el-menu-item>
                            <el-menu-item index="">饼图</el-menu-item>
                        </el-menu-item-group> -->
                    </el-submenu>
                </el-menu>
            </el-aside>
    
            <el-container>
                <el-header style="text-align: right; font-size: 12px">
                    <el-button @click="loginout()">退出登录</el-button>
                    <span>{{this.username}}</span>
                </el-header>
                
                <el-main>
                    <router-view/>
                </el-main>
            </el-container>
         </el-container>
   </div>
</template>

<script>
export default {
}
</script>

<style scoped>
   .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }
  
  .el-aside {
    color: #333;
  }

  .content{
      width: 100%;
  }
</style>